@import './common/styles/theme/default.less';

/* reset css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  //tap-highlight-color: rgba(0, 0, 0, 0);
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  font-family: 'PingFang SC', 'webfont', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif,
    'Droid Sans Fallback' !important;
  
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* iphonex 兼容方案
https://aotu.io/notes/2017/11/27/iphonex/index.html */

html,
body,
#root {
  height: 100%;
}

/* iphonex 安全区域 */
body {
  margin: 0;
  overflow-x: hidden;
  color: @font-color-primary !important;
  font-size: 28px;
  background-color: @brand-background !important;
}

/* iphonex fix底部元素适配 */
// :global(.fixed_bottom) {
//   position: fixed;
//   z-index: 10;
//   padding-bottom: constant(safe-area-inset-bottom);
//   padding-bottom: env(safe-area-inset-bottom);
//   background-color: #fff;
// }
// a:hover {
//   color: initial;
// }
// a:active {
//   color: initial;
// }

.page {
  min-height: 100%;
  padding-bottom: constant(safe-area-inset-bottom) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.ant-input {
  height: 42px;
  color: #333 !important;
  font-size: 30px !important;
  background-color: transparent !important;
  border: none !important;
}
.ant-input:focus,
.ant-input-focused {
  border: none !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.ant-form-item {
  margin-bottom: 0 !important;
}

.ant-form-item-explain {
  font-size: 24px !important;
}

// button

.am-button.am-button-disabled {
  color: #999 !important;
  background-color: #e5e5e5 !important;
  border-color: transparent !important;
  opacity: 1 !important;
}
.am-button-active {
  background-color: @brand-primary !important;
}

.am-button:active,
.am-button:hover {
  color: inherit;
}
.am-button.am-button-primary:active,
.am-button.am-button-primary:hover {
  color: #fff;
}

// list
.am-list-content {
  // font-weight: 600;
  font-size: 30px !important;
}
.require-icon {
  margin-right: 5px;
  color: #f00;
}

.am-list-item .am-list-line .am-list-arrow {
  background-image: url('./assets/images/icon-arrow-right.png') !important;
}

.am-list-body .am-list-item .am-list-line .am-list-extra {
  flex-basis: 60% !important;
  color: @font-color-primary;
  font-size: 30px !important;
  white-space: pre-wrap !important;
}
.main-warp {
  padding:32px
}
.am-switch input[type="checkbox"]:checked + .checkbox {
  background: @brand-primary !important;
}
.text-error {
  color: @brand-error;
}
.text-success {
  color: @brand-primary;
}
.am-tabs-horizontal {
  overflow: unset !important;
}